.content{width: 1200px;margin: 15px auto 0;overflow: hidden;}
.left-list{width: 198px;border-top: 2px solid #6ac82c;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.left-list li{border-bottom: 1px solid #ddd;}
.left-list-title{height: 40px;line-height: 40px;text-indent: 20px;}
.left-list-item{height: 42px;}
.left-list-item a{display: block;overflow: hidden;height: 42px;border-left: 4px solid #fff;transition: all 0.2s ease;}
.left-list-item div{width: 17px;height: 17px;border-radius: 50%;text-align: center;line-height: 13px;
    background-color: #fff;margin-top: 12px;margin-left: 18px;margin-right: 24px;color: #6ac82c;}
.left-list-item p{font-size: 14px;color: #333;line-height: 42px;}
.left-list-item a:hover{border-color: #6ac82c;}
.left-list-item a:hover p{color: #6ac82c;}
.active{border-color: #6ac82c !important;}
.active div{background-color: #6ac82c;color: #fff;}
.active p{color: #6ac82c;}
.right-page{width: 980px;}
.content-title{margin-top: 10px;border-bottom: 1px solid #dfdfdf;padding-bottom: 15px;}
.content-title div{border-left: 4px solid #6ac82c;color: #333;padding-left: 15px;}
.content-item{width: 970px;height: 240px;overflow: hidden;position: relative;margin: 0 auto 15px;padding: 15px 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.29);}
.content-item img{display: block;width: 320px;height: 240px;margin-left: 15px;}
.content-box{margin-top: 15px;}
.content-item-right{width: 600px;color: #666;margin-right: 15px;}
.content-item-right span{display: block;margin-top: 35px;font-size: 20px;}
.content-item-right p{margin-top: 30px;font-size: 14px;line-height: 22px;}
.read-full{position: absolute;right: 15px;bottom: 15px;}
.read-full a{font-size: 14px;color: #6ac82c;text-decoration: underline;}
.page-wrap{width: 100%;min-width: 1200px;background-color: #f2f2f2;}
.page-box{overflow: hidden;margin: 0 auto;height: 34px;font-size: 13px;width: 440px;padding: 35px 0;}
.page-box p{line-height: 34px;margin: 0 10px;}
.page-num{overflow: hidden;border-radius: 4px;color: #434a54;height: 34px;}
.page-num div{float: left;text-align: center;line-height: 32px;cursor: pointer;}
.page-item{width: 34px;height: 32px;border-top: 1px solid #ccd1d9;border-bottom: 1px solid #ccd1d9;border-right: 1px solid #ccd1d9;}
.page-item:hover{border-color: #6ac82c;background-color: #6ac82c;color: #fff;}
.page-item:active{background-color: #5AB32B;}
.prev{width: 60px;height: 34px;background-color: #6ac82c;color: #fff;}
.prev:active{background-color: #5AB32B;}
.next{width: 60px;height: 34px;background-color: #6ac82c;color: #fff;}
.next:active{background-color: #5AB32B;}
.skip{width: 80px;height: 32px;border: 1px solid #ccd1d9;border-radius: 4px;overflow: hidden;}
.skip input{width: 40px;height: 32px;text-align: center;line-height: 32px;}
.skip-btn{width: 40px;height: 32px;background-color: #6ac82c;color: #fff;text-align: center;line-height: 32px;cursor: pointer;}
.skip-btn:active{background-color: #5AB32B;}